iOS `MVC`、`MVP` 和 `MVVM` 比较

到今天为止进入美人信息大概有 7 个月时间，在项目结构原来一直采用 MVC 的架构来进行搭建。但是随着目前在一起的项目功能模块越来越多，MVC 越来越难以瞒着当前实现灵活拓展功能。所以公司就打算采用 MVVM 架构来对项目进行重构，下面小编就以 MVC 和 MVVM 来进行讲解和对比两者之间的优劣。

MVC 和 MVVM 简述

MVC介绍

记得大概在一年前的时候曾经写过 MVC 的使用和相关一些介绍，这里方便做对比再次对 MVC 进行详解。参考资料 iOS MVC 设计模式

在 GUI 编程领域，MVC 已经拥有差不多 50 年的历史了。早在几十年前，Smalltalk-76 就对 MVC 架构模式进行了实现，在随后的几十年历史中，MVC 产生了很多的变种，例如：HMVC、MVA、MVP、MVVM 和其它将 MVC 运用于其它不同领域的模式。

传统的 MVC

93c3aeab-92c0-4cc0-8344-969b668fe76b.png

【图片来源于网络】

传统的 MVC 的实现结构图可以看出：Controller 可以直接与 View 和 Model 两者之间进行数据传递，View 可直接从 Model 读取数据进行更新。而且在 Controller 更新 View 模型时是采用直接替换方式，而不是跟新的方式。着移动端这是对界面的没有丝毫的复用，很明显在移动端使我们目前不会采取的。

Apple 的 MVC

8d779f6a-265b-43c3-90be-dc9997b9963d.png
【图片来源于网络】

Apple 的 MVC 是采用 Controler、View 和 Model 三者完全解耦进行理想下数据操作模式。Controler 与 View 、Model 直接更新显示视图界面以及对数据模型初始化和更新，然后通过得到数据更新来传递给界面进行显示。
View 通过相关的点击或者手势来对控制器进行交互，传递数据或者是相关事件的传递。
Model 更新数据或者是更新数据模型通过通知的方式传递给 Controller 控制器。

但是上面在 apple 官方建议中使用 xib 或者是 storyboard 来实现 View 和 Controller 两者的完全分离。

开发见到的 MVC

ad9bafec-2e16-4725-abe5-4e7fde2e0877.png
【图片来源于网络】

在实际开发过程中小编所在项目组很多情况是使用代码来初始化 View 模块。这样实际还是上 Controller 和 View 具体关系如上，两者之间有一定的交接和联系。而且Controller 还控制着 View 模块的生命周期，同样也对 Model 是所属关系。而非在传统或者是 Aplle 建议的那样是平行关系。

在前面的文章中有讲述 MVC 中 Controler、View 和 Model 三者里面具体实现和相关管理内容，详情参考：iOS MVC 设计模式

MVP介绍

MVP 是从经典的模式 MVC 演变而来，它们的基本思想有相通的地方：Controller/Presenter 负责逻辑的处理，Model 提供数据，View负责显示。

MVP 与 MVC 有着一个重大的区别：

在 MVP 中 View 并不直接使用 Model，它们之间的通信是通过 Presenter (MVC 中的 Controller)来进行的，所有的交互都发生在 Presenter内部，而在MVC 中 View 会直接从 Model 中读取数据而不是通过 Controller。

d8ad72b3-f150-4988-af6f-0db785c40793.png
【图片来源于网络】

在上面的 MVP 流程结构可以看出：在 MVP 实现中 Presenter 代替 Controller 代替实现 View he Model 之间的沟通桥梁。只是MVP 中 View 并不直接使用 Model。

MVVM介绍

MVVM 架构模式是微软在 2005 年诞生的，从 Model-View-ViewModel 这个名字来看，它由三个部分组成，也就是 Model、View 和 ViewModel。

在 MVC 的使用过程中小编给大家讲述过 Model 和 View 里面所有的形式，相应的功能。

  • ViewModel 视图模型对象

代替原来 MVC 中的 Controller 视图控制器来和 Model 进行相关的数据交互，在这里把原本在 Controller 里面进行相关计算或者是操作的处理统一放在此类中进行完成。

1b8ff549-4fa4-489a-adf3-e8ba52e6bb96.png
【图片来源于网络】

在程序实现 MVVM 工程图中可以看出：UIView 和 UIViewController 被看做是一个整体来进行视图展示和生命周期的控制，原来我们需要对数据模型理数据在 Controler 做出相关梳理操作放在 ViewModel 里面进行相关操作。ViewModel 取代 Controler 来实现 View 和 Model 两者之间数据更新或者是数据模型更新工作。

MVC 和 MVVM 代码实现

  • MVC 代码实现

(1) Person 模型对象

1
2
3
4
5
6
7
8
9
10
11
12
13
#import <Foundation/Foundation.h>

@interface Person : NSObject

- (instancetype)initWithPlaceBorn:(NSString *)placeBorn lastName:(NSString *)lastName forstName:(NSString *)firstName age:(NSUInteger)age birthDate:(NSDate *)birthDate;

@property (readonly, nonatomic) NSString *lastName;
@property (readonly, nonatomic) NSString *firstName;
@property (readonly, nonatomic) NSUInteger age;
@property (readonly, nonatomic) NSString *placeBorn;
@property (readonly, nonatomic) NSDate *birthDate;

@end

(2) Controller 控制器对象

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
#import "ViewController.h"
#import "Person.h"

@interface ViewController ()

@property (strong, nonatomic) Person *person;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    //需要对获取的数据进行相关处理，来交给 `View` 模型对象进行展示
    NSString *name = [NSString stringWithFormat:@"%@%@", _person.lastName, _person.firstName];
  
    NSDateFormatter *dateFormater = [[NSDateFormatter alloc] init];
    [dateFormater setDateFormat:@"EEEE MMMM d, yyy"];
    
    self.nameLabel.text = name;
    self.birthDateLabel.text = [dateFormater stringFromDate:_person.birthDate];
}
  • MVVM 代码实现

(1) PersonModel 视图模型对象

把上面在 MVC 中 Controller 处理数据放在 PersonModel 进行处理。实现代码如下：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
@class Person;

#import <Foundation/Foundation.h>

@interface PersonModel : NSObject

- (instancetype)initWithPerson:(Person *)person;

@property (readonly, nonatomic) Person *person;
@property (readonly, nonatomic) NSString *birthDate;
@property (readonly, nonatomic) NSString *name;

@end

//PersonModel.m 问价

#import "PersonModel.h"
#import "Person.h"

@interface PersonModel ()

@property (strong, nonatomic) Person *mPerson;
@property (copy, nonatomic) NSString *mBirthDate;
@property (copy, nonatomic) NSString *mName;

@end

@implementation PersonModel


- (instancetype)initWithPerson:(Person *)person {
    self = [super init];
    if (self) {
        _mPerson = person;
        _mName = [NSString stringWithFormat:@"%@%@", _mPerson.lastName, _mPerson.firstName];
        NSDateFormatter *dateFormater = [[NSDateFormatter alloc] init];
        [dateFormater setDateFormat:@"EEEE MMMM d, yyy"];
        _mBirthDate = [dateFormater stringFromDate:_mPerson.birthDate];
    }
    return self;
}

- (Person *)person {
    return _mPerson;
}

- (NSString *)name {
    return _mName;
}

- (NSString *)birthDate {
    return _mBirthDate;
}

@end

(2) Controller 控制模型

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
#import "ViewController.h"
//#import "Person.h"
#import "PersonModel.h"

@interface ViewController ()

//@property (strong, nonatomic) Person *person;
@property (strong, nonatomic) PersonModel *personMedel;

@end

@implementation ViewController

- (void)viewDidLoad {
    [super viewDidLoad];
    
    
    self.nameLabel.text = _personMedel.name;
    self.birthDateLabel.text = _personMedel.birthDate;
}

上面可以看出在使用 MVVM 过程中我们可以减少在 Controller 里面对数据过多处理的造成 Controller 臃肿的问题。

编码过程中由于数据处理从 Controller 转换到 ViewModel 中实现，可以 Controller 数目更加方便我们对 Controller 管理。让开发更加方便。

扫一扫，分享到微信

微信分享二维码
× 文章目录
  1. 1. MVC 和 MVVM 简述
    1. 1.1. MVC介绍
    2. 1.2. 传统的 MVC
    3. 1.3. Apple 的 MVC
    4. 1.4. 开发见到的 MVC
    5. 1.5. MVP介绍
    6. 1.6. MVVM介绍
    7. 1.7. MVC 和 MVVM 代码实现
iOS 开发者<br><br>一位拥有梦想，脚踏实地的 90 后<br> <br>Good luck~